@import "header.html"
<link rel="stylesheet" href="../css/room_state_prices.css">
<body>
<header class="fxj-header">
    <back></back>
    <h1 class="fxj-title">房态价格</h1>
    <a style="margin-right: .5rem" onclick="go('room_state_more.html',{
        data:{
            houseId:vm.houseId,
        }
    })">更多</a>
</header>
<main id="main">
    <section class="content">
        <div class="month-container" :class="{'line-transverse':monthIndex+1!==monthList.length}"
             v-for="(month,monthIndex) of monthList">
            <h1 class="month-title" v-cloak>{{month.title}}</h1>
            <div class="week-container">
                <span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span>
            </div>
            <ul class="day-container">
                <li class="day disable" v-for="x of month.firstDayWeek"></li>
                <li v-for="day of month.dayList" class="day" :class="{overdue:day.isOverdue<0||day.is_rent==='1',lock:day.is_rent==='2'}"
                    @click="selectDay(day)">
                    <div :class="{selected:day.selected}">
                        <span class="num" v-cloak>{{day.isOverdue===0?'今天':day.day}}</span>
                        <span class="price" v-if="day.isOverdue>=0" v-cloak>{{day.is_rent==='1'?'已租':day.is_rent==='2'?'锁定':'¥'+day.price}}</span>
                    </div>
                </li>
            </ul>
        </div>
    </section>

    <footer v-show="selectedDays.length>0" v-cloak>
        <div class="day-num-tips line-transverse" @click="clearSelectedDays" v-cloak>已选中{{selectedDays.length}}天
            <svg class="icon" style="font-size: 14px">
                <use xlink:href="#icon-cha"></use>
            </svg>
        </div>
        <div class="line group">
            <div @click="changePrice">
                <svg class="icon">
                    <use xlink:href="#icon-xiugaijiage"></use>
                </svg>
                修改价格
            </div>
            <div class="right" id="changeRoomState">
                <svg class="icon">
                    <use xlink:href="#icon-fangzi1"></use>
                </svg>
                修改房态
            </div>
        </div>
    </footer>
</main>

@import "js.html"
<script src="../script/room_state_prices.js"></script>
</body>
@import "footer.html"